.shxqimgLink{
  position: relative;
}
.shxqimgLink img{
  width: 100%;
}
.shxqimgLink p{
  position: absolute;
  bottom: 15px;
  left: 15px;
  line-height: 25px;
  font-size: 16px;
  color: #fff
}
.shxqimgLink p span{
  padding-right: 5px;
}
.shxqDetail{
  padding:10px;
  text-align: center;
  background: #fff;
}
.shxqDetail .p1,.shxqDetail .p4{
  padding-top: 10px;
  font-size: 18px;
  color: #1e1e1e;
}
.shxqDetail .p2{
  padding-top: 10px;
  font-size: 14px;
  color: #ffa900;
}
.shxqDetail .p2 span{
  padding-right: 5px;
}
.shxqDetail .p3{
  padding-top: 10px;
  color: #8d8d8d;
  font-size: 14px;

}
.shxqDetail .p3 span{
  padding:5px;
}
.shxqDetail .p5 img{
  padding: 10px;
  width: 60px;
}
.shxqDetail .p6{
  padding:10px 0;
  font-size: 14px;
  color: #8d8d8d;
}
.shxqDetail .p6 span{
  padding-left: 5px;
  font-size: 14px;
}
.pingjiaList{
  background: #fff;
}
.pingjiaList .hd{
    width: 80px;
    padding:0 10px;
}
.pingjiaList li{
    padding-top: 10px;
    padding-bottom: 10px;
}
.pingjiaList li:nth-child(n+1){
  border-top: 1px solid #efefef
}
.pingjiaList .hd img{
    width: 100%
}
.pingjiaList .con{
    padding-right: 10px;
    flex:1;
}
.pingjiaList .con .name{
    line-height: 25px;
}
.pingjiaList .con .name span{
  font-size: 12px;
    color: #8d8d8d
}
.pingjiaList .con .dta{
    line-height: 25px;
    font-size: 12px;
    color: #898989
}
.pingjiaList .con .dta span{
    margin-right: 10px;
}
.pingjiaList .con .words{
    color: #696969;
    font-size: 14px;
    line-height: 1.4;
    padding-bottom: 5px;
}
.pingjiaList .con img{
    display: inline-block;
    margin-right: 5px;
    height: 50px;
}
.pingjiaList .con .dta .iconfont {
    color: #ffaa00;
}
.viewAllPJ{
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #696969;
    border-top: 1px solid #efefef;
    background: #fff;
}
.shopList{
  background: #fff;
}
.shopList li{
  padding-bottom: 5px;
  border-bottom: 1px solid #efefef
}
.shopList li a{
  padding:10px;
}
.shopList li a .img{
  display: block;
  padding-right: 10px;
  width: 90px;
}
.shopList li a .img img{
  width: 100%
}
.shopList li a .con{
  flex:1;
}
.shopList li a .p1{
  font-size: 16px;
  color: #1e1e1e;
  line-height: 1.5
}
.shopList li a .p2{
  color: #ffaa00
}
.shopList li a .p2 span,.shopList li a .p3 span{
  padding-right: 5px;
}
.shopList li a .p3{
  padding-top: 5px;
  color: #8d8d8d;
  font-size: 14px;

}

.shopList li a .p4{
  padding-top: 5px;
  color: #8d8d8d;
  font-size: 14px;
}
.shopList li a .p4 span{
  padding-right: 5px;
  color: #ffaa00
}
.shList{
  padding:0 10px 10px 10px;
  background: #fff;
}
.shList li{
  padding-top: 10px;
}
.shList li a{
  display: block;
}
.shList li a img{
  width: 100%;
}
.phoneNumber{
  margin-bottom: 10px;
    padding:15px;
    color: #666;
    background: #fff;
    border-radius: 10px;
}

.shSelector{
  height: 45px;
  padding:10px 0;
  background: #fff;
  border-bottom: 1px solid #efefef
}
.shSelector li{
  float: left;
  width: 50%;
  line-height: 25px;
  text-align: center;
}
.shSelector li:nth-child(1){
  border-right: 1px solid #f5f5f5;
}
.shSelector li span{
  position: relative;
}
.shSelector li span:after{
    display: none;
    content: "\e629";
    font-family: "iconfont";
    position: absolute;
    right: -20px;
    top: 0px;
    font-size: 20px;
    color: #333;
}
.shSelector li span:before{
    content: "\e64a";
    font-family: "iconfont";
    position: absolute;
    right: -20px;
    top: -7px;
    font-size: 20px;
    color: #333;
}
.shSelector li.selected{
  color: #1882d6
}
.shSelector li.selected span:after{
  display: block;
  color: #1882d6
}

.shSelector li.selected span:before{
  display: none;
}

.shClass{
  display: none;
  position: fixed;
  top: 90px;
  left: 0px;
  right: 0px;
  bottom: 0px;

  z-index: 1000;
  font-size: 14px;
}
.shClassMask{
  position: absolute;
  top: 0;
  left: 0;
  right: 0px;
  bottom: 0px;
  background: rgba(0,0,0,0.5);
  z-index: 10
}
.shClass .cls1{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 80px;
  width: 50%;
  overflow-y:auto;
  background: #f5f5f5;
  z-index: 100
}

.shClass .cls2{
  position: absolute;
  top: 0;
  left: 50%;
  bottom: 80px;
  width: 50%;
  overflow-y:auto;
  background:#fff;
  z-index: 100
}
.shClass .cls1 li{
  padding-left: 15px;
  height: 40px;
  line-height: 40px;
}
.shClass .cls2 li{
  margin-left: 15px;
  height: 40px;
  line-height: 40px;
}
.shClass .cls1 .selected{
  background: #fff;
  color: #1882d6;
  position: relative;
}
.shClass .cls1 .selected.no-child:before{
  content: "\e63c";
  font-family: "iconfont";
  position: absolute;
  top: 0px;
  right: 10px;
  color: #1882d6;
}
.shClass .cls2 li{
  border-bottom: 1px solid #efefef
}
.shClass .cls2 .selected{
  border-bottom: 1px solid #1882d6;
  color: #1882d6;
  position: relative;
}
.shClass .cls2 .selected:before{
  content: "\e63c";
  font-family: "iconfont";
  position: absolute;
  top: 3px;
  right: 10px;
  color: #1882d6;
}

.locationLayer{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10000
}
.locationMask{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.5);
  z-index: 1
}
.loactionCon{
  position: absolute;
  top: 50%;
  left: 5%;
  width: 90%;
  z-index: 10;  
}
.loactionCon .con{
  background: #fff;
}
.loactionCon .con .tit{
  line-height: 40px;
  margin:0 10% 15px 10%;
  font-size: 16px;
  text-align: center;
  border-bottom: 1px solid #efefef
}
.loactionCon .con ul{
  padding:0 1.5% 10px 1.5%;
}
.loactionCon .con li{
  float: left;
  margin:0 3% 15px 3%;
  width: 27.3%;
  height: 35px;
  text-align: center;
  font-size: 14px;
  line-height: 35px;
  background: #efefef;
  border:1px solid #efefef;
}
.loactionCon .con li.selected{
  border:1px solid #1882d6;
  background: #fff
}